<!-- LONG SHADOW -->
<section id="buttons-longshadow" class="showcase showcase-content background-light">
  <h3 class="showcase-title l-center">Long Shadows</h3>
  <h4 class="showcase-sub-title l-center">A visual effect adding a flat shadow to the text of a button</h4>

<div class="showcase-examples l-center l-longshadows">
<button class="button button-primary button-box button-giant button-longshadow-right">
  <i class="fa fa-twitter"></i>
</button>

<button class="button button-caution button-box button-raised button-giant button-longshadow">
  <i class="fa fa-google-plus"></i>
</button>

<button class="button button-action button-box button-giant button-longshadow-left">
  <i class="fa fa-share-alt"></i>
</button>

<button class="button button-highlight button-box button-giant button-longshadow-right button-longshadow-expand">
  <i class="fa fa-rss"></i>
</button>

<button class="button button-primary button-circle button-giant button-longshadow">
  <i class="fa fa-gear"></i>
</button></div>

</section>